<!-- 站内搜索 -->
<div class="side-box">
    <div class="my-side-title">
        <span class="am-icon-search"> 站内搜索</span>
    </div>
    <div>
        <form class="" action="${app }/blog/search/find.shtml" method="post">
            <div class="am-input-group am-input-group-danger">
                <input type="text" name="keyword" value="${param.keyword }" class="am-form-field" placeholder="搜索..." required>
                <span class="am-input-group-btn">
                    <button class="am-btn am-btn-lg am-btn-danger" type="submit"><span class="am-icon-search"></span></button>
                </span>
            </div>
        </form>
    </div>
</div>

<div style="margin-bottom: 15px;" data-am-sticky="{animation: 'slide-top'}">

</div>

<!-- 博客标签云 -->
<div class="side-box">
    <div class="my-side-title">
        <span class="am-icon-tag"> 博客标签</span>
    </div>
    <div id="tagscloud">
        [@fl_blog_category_list status='1']
        [#list tag_list as nav]
        [#if nav.has_child==0]
        <a href="${app}/blog/category/${nav.category_id }.shtml" class="tagc0">${nav.category_name }</a>
        [/#if]
        [/#list]
        [/@fl_blog_category_list]
    </div>
</div>

<div class="side-box">
    <div class="my-side-title">
        <span><i class="am-icon-spinner am-icon-spin"></i> 滚动播报</span>
    </div>
    <div id="demo2" class="scroll-text">
        <ul>
            <li>
                <span class="am-badge am-badge-secondary am-round">1</span>&nbsp;
                <a href="https://gitee.com/changs/cssofts" target="_blank"><span style="color:red">烽火线博客源码已经发布</span></a>
            </li>
        </ul>
    </div>
</div>

<div class="side-box" style="margin-top: 15px">
    <div class="am-tabs" data-am-tabs>
        <ul class="am-tabs-nav am-nav am-nav-tabs" style="margin-left: 0px;">
            <li class="am-active"><a href="#tab1">热评文章</a></li>
            <li><a href="#tab2">热评用户</a></li>
        </ul>

        <div class="am-tabs-bd">
            <div class="am-tab-panel am-fade am-in am-active" id="tab1">
                <div id="cyReping" role="cylabs" data-use="reping"></div>
            </div>
            <div class="am-tab-panel am-fade" id="tab2">
                <div id="cyHotusers" role="cylabs" data-use="hotusers"></div>
                <script type="text/javascript" charset="utf-8" src="https://changyan.itc.cn/js/lib/jquery.js"></script>
                <script type="text/javascript" charset="utf-8" src="https://changyan.sohu.com/js/changyan.labs.https.js?appid=cyu8i1e02"></script>
            </div>
        </div>
    </div>
</div>

<!-- 友情链接 -->
<div class="side-box">
    <div class="my-side-title">
        <span class="am-icon-link"> 友情链接</span>
    </div>
    <div id="youqinglianjie">
        <ul>
            [@fl_blog_link_list]
            [#list tag_list as link]
            <li><a href="${link.link_url }" target="_blank">${link.link_name }</a></li>
            [/#list]
            [/@fl_blog_link_list]
        </ul>
    </div>
</div>